<!DOCTYPE html>
<html>
    
<head>
  <meta charset="utf-8">
  <title>ZPPChat | Password Recovery</title>
  
  <!-- JQuery -->
  <script                 src="/js/jquery-1.8.2.js"></script>
  
  <!-- JQuery Validation -->
  <script                 src="/js/jquery-validation-1.10.0/jquery.validate.js"></script>
  
  <!-- User-defined scripts and stylesheets. -->
  <script>
    var LIMITS   = {{ limits|safe|lower }};
    var MESSAGES = {{ error_messages|safe }};
    var errors   = {{ errors|safe|lower }};
  </script>
  <link rel="stylesheet"  href="/css/global.css">
  <script                 src="/js/password-recovery.js"></script>
</head>

<body>
  <div id="window" class="box inside-bordered top-box standard-width centered">
    <h1>Password Recovery</h1>
    
    <p class="centered">Enter your email:</p>
    
    <form action="{{ form_action_url }}" method="post">
      <fieldset id="inputs">
        <!-- Email -->
        <label for="email" class="error" generated="true"></label>
        <input type="text" name="email" placeholder="Email"
               maxlength="{{ limits.email_max_length }}"
               value="{{ values.email }}" id="email" class="field email-input"
               required autofocus tabindex="1">
      </fieldset>

      
      <fieldset id="actions">
        <input type="submit" value="Continue" id="submit" class="button left" tabindex="2">
        <a id="back" class="button right" href="{{ main_page_url }}" tabindex="3">Back</a>
      </fieldset>
    </form>
  </div>
</body>

</html>